<template>
  <el-row class="my-20 py-20" style="text-align: right">
    <el-col :span="24">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="currentPage"
        :page-sizes="pageSizes"
        :page-size="pageSize"
        :layout="layout"
        :total="total"
      >
      </el-pagination>
    </el-col>
  </el-row>
</template>

<script>
export default {
  props: {
    currentPage: Number,
    layout: String,
    total: Number,
    pageSize: Number,
    pageSizes: Array
  },
  methods: {
    handleSizeChange(size) {
      this.$emit('chagne-page-size', size)
    },
    handleCurrentChange(page) {
      this.$emit('changePage', page)
    }
  }
}
</script>

<style></style>
